<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>档案管理</title>
    <link rel="stylesheet" href="../css/archiveManagementDetail.css">
    <script src="../fonts/font/iconfont.js"></script>
    <style>
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="left-nav">
            <div class="left-nav-header">
                <img src="../images/微信图片_20220821145126.png" alt="" srcset="">
                <span>数字化档案管理</span>
            </div>
            <div class="left-nav-box">
                <ul class="nav-menu">
                    <li data-src="./home.html">首界面</li>
                    <span></span>
                    <li>案卷管理</li>
                    <ul>
                        <li>签收管理</li>
                    </ul>
                    <li>库房管理</li>
                    <ul>
                        <li>库房信息</li>
                        <li>库架信息</li>
                        <li data-src="./LayerInformation.html">层格信息</li>
                        <li>盒子信息</li>
                    </ul>
                    <li>入库管理</li>
                    <ul>
                        <li>档案入库</li>
                        <li>入库记录</li>
                        <li>盒号打印</li>
                        <li>档案号打印</li>
                    </ul>
                    <li>档案管理</li>
                    <ul>
                        <li data-src="./archiveManagement.html">退/还案管理</li>
                        <li data-src="./archiveManagementDetail.html">退/还案明细</li>
                    </ul>
                    <li>移库管理</li>
                    <ul>
                        <li>档案移库</li>
                        <li>移库明细</li>
                    </ul>
                    <li>档案影像</li>
                    <ul>
                        <li>影像查询</li>
                        <li>影像录入</li>
                    </ul>
                    <li>实体借阅</li>
                    <ul>
                        <li>借阅申请</li>
                        <li>借阅审批</li>
                        <li>借阅出库</li>
                        <li>借阅归还</li>
                    </ul>
                    <li>电子借阅</li>
                    <ul>
                        <li>借阅申请</li>
                        <li>借阅审批</li>
                        <li>借阅明细</li>
                    </ul>
                    <li>统计报表</li>
                    <ul>
                        <li>签收统计</li>
                        <li>入库统计</li>
                        <li>电子借阅统计</li>
                        <li>实体借阅统计</li>
                        <li>档案库存数统计</li>
                        <li>档案状态统计</li>
                        <li>用户登录统计</li>
                        <li>影像上传统计</li>
                        <li>影像浏览统计</li>
                    </ul>
                    <li>日志管理</li>
                    <ul>
                        <li>系统操作日志</li>
                        <li>影像浏览日志</li>
                        <li>影像上传日志</li>
                        <li>用户登录日志</li>
                    </ul>
                    <li>系统管理</li>
                    <ul>
                        <li>用户管理</li>
                        <li>角色管理</li>
                        <li>等级管理</li>
                        <li>机构管理</li>
                        <li>流程管理</li>
                        <li>档案轨迹</li>
                    </ul>
                </ul>
            </div>
        </div>
        <div class="content">
            <div class="content-header">
                <div class="content-header-top">
                    <div><img src="../images/e7ae080a6b27d918b35916ac9d96bee.jpg" alt=""></div>
                    <div class="content-header-right">
                        <img src="../images/05c763aa3b40208576738f06dd1a281.jpg" alt="">
                        <div></div>
                        <div>
                            admin
                        </div>
                    </div>
                </div>
                <hr>
                <div class="min-menu">
                    <div>
                        档案管理 / 增删明细
                    </div>
                </div>
            </div>
            <div class="content-background">
                <div class="content-content">
                    <div class="content-content-head">
                        <div>
                            收件编号
                            <input type="search" id="getId1" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')"
                                onblur="value=value.replace(/[^\d]/g,'')" placeholder="请输入收件编号">
                        </div>
                        <div>
                            档案号
                            <input type="search" id="getId2" maxlength="13" onkeyup="value=value.replace(/[^\d]/g,'')"
                                onblur="value=value.replace(/[^\d]/g,'')" placeholder="请输入档案号">
                        </div>
                        <div class="position">
                            档案等级
                            <input type="search" id="getLevel" maxlength="2"
                                onkeyup="value=value.replace(/[^\u4e00-\u9fa5]/g,'')"
                                onblur="value=value.replace(/[^\u4e00-\u9fa5]/g,'')" placeholder="全部">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-xialacaidanjiantou"></use>
                            </svg>
                            <ul>
                                <li>新添</li>
                                <li>删除</li>
                            </ul>
                        </div>
                        <button id="search">查询</button>
                        <button id="reset">重置</button>
                    </div>

                    <div>
                        <table cellspacing="0" cellpadding="0">
                            <thead>
                                <tr>
                                    <th>序号 </th>
                                    <th>收件编号</th>
                                    <th>档案编号</th>
                                    <th>所在位置</th>
                                    <th>原因</th>
                                    <th>操作类型</th>
                                    <th>操作员</th>
                                    <th>操作时间</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- <tr>
                                    <td><input type="checkbox"></td>
                                    <td>20220704003</td>
                                    <td>012022000001</td>
                                    <td>001-001-01-01</td>
                                    <td>已入库</td>
                                    <td>保密级</td>
                                    <td>王志勇</td>
                                    <td>2022-7-4 17:14:12</td>
                                    <td>王志勇</td>
                                    <td>2022-7-4 17:14:12</td>
                                </tr> -->
                            </tbody>
                        </table>
                        <div class="next-page">
                            <div class="bigFont" id="firstPage"><span>&laquo;</span></div>
                            <div class="littleFont" id="prev"><span>&lt;</span></div>
                            <button>1</button>
                            <button>2</button>
                            <div class="littleFont" id="next"><span>&gt;</span></div>
                            <div class="bigFont" id="lastPage"><span>&raquo;</span></div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/archiveManagementDetail.js"></script>
</body>

</html>